*{margin:0; padding:0; border:none;}
a{text-decoration:none;}
:focus{outline:none;}
.clear{clear:both;}
.hidden{display:none;}

body{
	background:#FFF2C9 url(images/bg.jpg) repeat center top;
	position:absolute;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style:normal;
	font-weight:normal;
	width:100% !important;
	height:100% !important;
}

.wrapper{
	width:100%;
	height:100%;
	margin:0 auto;
	display:block;
	top:0;
	left:0;
	position:absolute;
	overflow:hidden;
	
	background:-moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
	background:-webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background:-o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background:radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); 
}

#main{
	width:100%;
	position:absolute;
	bottom:0;
	background:none;
}

/* Header ---------------------------------------- */
#header {
	background:url(images/nav-tail.png) repeat-x center bottom;
	height:100px;
	width:100%;
}


/* Navigations ---------------------------------------- */
.menu, .sx-menu{
	width:100%;
	position:absolute;
	bottom:0;
	z-index:5;
	list-style:none;
}

.sx-menu{
	background:url(images/header-tail.png) repeat-x center bottom;
	width:90px;
	position:absolute;
	bottom:0;
	z-index:15;
}

.left {left:0}
.right{right:0}

.menu ul li, .sx-menu ul li{
	width:100%;
}

.menu a, .sx-menu a{
	display:block;
	position:relative;
	z-index:200;
}

.sx-menu a{
	top:12px;
}

.menu a span, .sx-menu a span{
	display:block;
}

.menu > li, .sx-menu > li{
	margin:0 auto;
}

.menu > li{
	width:140px;
}

.sx-menu > li{
	width:90px;
	height:60px;
}
	
.menu > li > a .left, .sx-menu > li > a .left{
	background-repeat:no-repeat;
	background-position:left bottom;
}
	
.menu > li > a .left, .sx-menu > li > a .left{
	padding-left:30px;
}
	
/*.sx-menu > li > a .left{
	padding-left:10px;
}*/

.menu > li > a .right, .sx-menu > li > a .right{
	background-repeat:no-repeat;
	background-position:right bottom;
}

.menu > li > a .right, .sx-menu > li > a .right{
	padding-right:30px;
}

/*.sx-menu > li > a .right{
	padding-right:10px;
}*/

.menu > li > a .tail, .sx-menu > li > a .tail{
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
}

.menu > li > a .tail{
	height:90px;
}

.sx-menu > li > a .tail{
	height:48px;
}

.menu > li > a .icon, .sx-menu > li > a .prefer, .sx-menu > li > a .map{
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
}

.menu > li > a .icon{
	height:50px;
	padding-top:40px;
}

.sx-menu > li > a .prefer, .sx-menu > li > a .map{
	height:40px;
	padding-top:5px;
}

.menu > li.central > a .left{background-image:url(images/nav-current-left.png);}
.menu > li.central > a .right{background-image:url(images/nav-current-right.png);}
.menu > li.central > a .tail{background-image:url(images/nav-current-tail.png);}
.menu > li.central > a .icon{background-image:url(images/search.png);}
/*
.menu > li.central > a:hover .left{background-image:url(images/nav-current-left-on.png);}
.menu > li.central > a:hover .right{background-image:url(images/nav-current-right-on.png);}
.menu > li.central > a :hover .tail{background-image:url(images/nav-current-tail-on.png);}*/
.menu > li.central > a :hover .icon{background-image:url(images/search-on.png);}

.sx-menu > li.central > a .left{background-image:none;}
.sx-menu > li.central > a .right{background-image:none;}
.sx-menu > li.central > a .tail{background-image:none;}
.sx-menu > li.central > a .prefer{background-image:url(images/prefer.png);}
.sx-menu > li.central > a .map{background-image:url(images/map.png);}

.sx-menu > li.central > a:hover .left{background-image:url(images/prefer-sx.png);}
.sx-menu > li.central > a:hover .right{background-image:url(images/prefer-dx.png);}
.sx-menu > li.central > a :hover .tail{background-image:url(images/prefer-cx.png);}
.sx-menu > li.central > a :hover .prefer{background-image:url(images/prefer-on.png);}
.sx-menu > li.central > a :hover .map{background-image:url(images/map-on.png);}

/*.menu > li > a .icon:hover{background-image:url(images/searchon.png);}*/

		

.menu li.central ul.submenu{
	/*background:#F3E7AB url(images/under.jpg) repeat-x top center;*/
	background:#F3E7AB url(images/bg2.jpg) repeat center top;
	width:270px;
	padding:0;
	position:absolute;
	z-index:100;
	top:37px;
	left:25px;
	
	        border-radius:12px;
	   -moz-border-radius:12px;
	-webkit-border-radius:12px;
	
            box-shadow:0px 0px 20px rgba(153, 153, 153, 0.50);
       -moz-box-shadow:0px 0px 20px rgba(153, 153, 153, 0.50);
    -webkit-box-shadow:0px 0px 20px rgba(153, 153, 153, 0.50);
}

.thmic{
	           border-top-right-radius:12px;
	        border-bottom-right-radius:12px;
	       -moz-border-radius-topright:12px;
	    -moz-border-radius-bottomright:12px;
	   -webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
}

.thtext{
	           border-top-left-radius:12px;
	        border-bottom-left-radius:12px;
	       -moz-border-radius-topleft:12px;
	    -moz-border-radius-bottomleft:12px;
	   -webkit-border-top-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
}

.menu li.central li.entry {
	height:110px;
	width:90px;
	
	background:        linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(200, 200, 100, 0.3) 70%, rgba(150, 150, 50, 0.1) 100%); /* W3C */
    background:     -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(200, 200, 100, 0.3) 70%, rgba(150, 150, 50, 0.1) 100%); /* Opera 11.10+ */
	background:    -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(200, 200, 100, 0.3) 70%, rgba(150, 150, 50, 0.1) 100%); /* IE10+ */
	background:   -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(200, 200, 100, 0.3) 70%, rgba(150, 150, 50, 0.1) 100%); /* FF3.6+ */
	background:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(200, 200, 100, 0.3) 70%, rgba(150, 150, 50, 0.1) 100%); /* Chrome10+, Safari5.1+ */
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(200, 200, 100, 0.3)), color-stop(100%, rgba(150, 150, 50, 0.1))); /* Chrome, Safari4+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*------ ANIMATION ------*/
.menup{
	height:100px;
	z-index:99;
	animation-name:fadeup;
	animation-duration:1s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	
	-moz-animation-name:fadeup;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:ease-out;
	-moz-animation-fill-mode:forwards;
	
	-webkit-animation-name:fadeup;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-fill-mode:forwards;
}
        @keyframes fadeup{0%{top:37px;} 70%{top:-60px;} 100%{top:-50px;}}
   @-moz-keyframes fadeup{0%{top:37px;} 70%{top:-60px;} 100%{top:-50px;}}
@-webkit-keyframes fadeup{0%{top:37px;} 70%{top:-60px;} 100%{top:-50px;}}

.mendown{
	height:100px;
	z-index:99;
	animation-name:fadedown;
	animation-duration:1s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	
	-moz-animation-name:fadedown;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:ease-out;
	-moz-animation-fill-mode:forwards;
	
	-webkit-animation-name:fadedown;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-fill-mode:forwards;
}
	    @keyframes fadedown{0%{top:-50px;} 30%{top:-50px;} 50%{top:-60px;} 80%{top:50px;} 100%{top:37px;}}
   @-moz-keyframes fadedown{0%{top:-50px;} 30%{top:-50px;} 50%{top:-60px;} 80%{top:50px;} 100%{top:37px;}}
@-webkit-keyframes fadedown{0%{top:-50px;} 30%{top:-50px;} 50%{top:-60px;} 80%{top:50px;} 100%{top:37px;}}
	
	

.submenu{
	width:100%;
	overflow:hidden;
	border:none;
}

.submenu li{
	border:none;
	background:none;
}

.submenu li .thumb-in {
	overflow:hidden;
	height:70px;
	border-radius:40px;
	margin:5px;
	padding-top:5px;
	
	     -o-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.submenu li img.thumb {
	     -o-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.thumb-on{
background: -moz-linear-gradient(top,  rgba(230,183,67,0.2) 0%, rgba(230,183,67,0.2) 1%, rgba(230,183,67,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,183,67,0.2)), color-stop(1%,rgba(230,183,67,0.2)), color-stop(100%,rgba(230,183,67,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(230,183,67,0.2) 0%,rgba(230,183,67,0.2) 1%,rgba(230,183,67,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(230,183,67,0.2) 0%,rgba(230,183,67,0.2) 1%,rgba(230,183,67,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(230,183,67,0.2) 0%,rgba(230,183,67,0.2) 1%,rgba(230,183,67,0.7) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(230,183,67,0.2) 0%,rgba(230,183,67,0.2) 1%,rgba(230,183,67,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33e6b743', endColorstr='#b3e6b743',GradientType=0 ); /* IE6-9 */
}

.submenu li {
	float:left;
	overflow:hidden;
	width:90px;
	height:90px;
	text-align:center;
}